#clan-slider {
  position: fixed;
  _position: absolute;
  bottom: 10%;
  right: 0.1%;
  z-index: 1000;
}
#clan-slider ul {
  margin: 0;
  padding: 0;
  margin-top: -2px;
  list-style: none;
  height: 248px;
}
#clan-slider ul li {
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 2px;
  position: relative;
  line-height: 48px;
  // width: 50px;
  border-left: 2px solid transparent;
}
#clan-slider ul li a {
  display: block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  border: 1px solid #0ba1e4;
  background-color: #f5f5f5;
  // background-image: url(../images/icons/clan-slider.png);
  background-repeat: no-repeat;
  text-align: center;
  background: #0ba1e4;
  color: #d7f9b8;
  text-decoration: none;
  .iconfont {
    font-size: 27px;
  }
}

// #slider-chat{
//     background-position: 0 -92px;
// }
// #slider-chat:hover{
//     background-position: -46px -92px;
//     background-color: #0ba1e4;
// }
// #slider-qq{
//     background-position: 0 -138px;
// }
// #slider-qq:hover{
//     background-position: -46px -138px;
//     background-color: #0ba1e4;
// }
// #slider-phone{
//     background-position: 0 -184px;
// }
// #slider-phone:hover{
//     background-position: -46px -184px;
//     background-color: #0ba1e4;
// }
// #slider-wechat{
//     background-position: 0 -230px;
//     background-image: url('../imgs/weichart.png');
// }
// #slider-wechat:hover{
//     background-position: -46px -230px;
//     background-color: #0ba1e4;
// }
// #slider-goTop{
//     background-position: 0 0;
// }
// #slider-goTop:hover{
//     background-position: -46px 0;
//     background-color: #0ba1e4;
// }
#clan-slider #slider-menu {
  background-position: 0 -46px;

  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}
#clan-slider #slider-menu:hover {
  background-position: -46px -46px;
}
#clan-slider .clan-slider-tips {
  position: absolute;
  top: 0px;
  right: 48px;
  display: none;
  height: 48px;
  padding-left: 10px;
  padding-right: 2px;
  white-space: nowrap;
  border: 1px solid #0ba1e4;
  background-color: #0ba1e4;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
}
#clan-slider .clan-slider-tips-wechat {
  display: none;
  position: absolute;
  background-color: #0ba1e4;
  padding: 1px;
  // bottom: 0;
  right: 50px;
  top:0px;
}
#clan-slider .clan-slider-tips-wechat img {
  width: 196px;
  height: 196px;
}

#clan-slider .clan-slider-tips-qq {
  display: none;
  position: absolute;
  background-color: #0ba1e4;
  padding: 1px;
  // bottom: 0;
  right: 50px;
  top:0;
  img {
    width: 196px;
    height: 196px;
  }
}
